import React, {Component} from 'react'

import './index.css'
class Social  extends Component {

  render() {
   
    return (
        <div>
            <p class="container-title">用户列表 <span class="tip">—＞ 用户详情</span></p>
            <div class="introduce">
                <div class="intro">
                <p><span class="left">用户ID</span> <span class="right">120</span> </p>
                <p><span class="left">用户手机号</span> <span class="right">180****7674</span> </p>
                <p><span class="left">昵称</span> <span class="right">code</span> </p>
                <p><span class="left">性别</span> <span class="right">男</span> </p>
                <p><span class="left">城市</span> <span class="right">广州</span> </p>
                <p><span class="left">生日</span> <span class="right">1990-09-11</span> </p>
                <p><span class="left">它发的帖子</span> <span class="right">65个</span> </p>
                </div>
                <div class="it-post">
                    <p class="it-post-title">帖子标题：草儿为什么这么青？</p>
                    <p class="it-post-title">帖子标题：瓜儿为什么这样绿？</p>
                    <p class="it-post-title">帖子标题：马尔为什么这么快？</p>
                    <p class="it-post-title">帖子标题：花儿为什么这样红？</p>
                </div>

                <div class="nav-page">
                    <span class="inner">
                        <span>上一页</span>
                        <span>123...9</span>
                        <span>下一页</span>
                    </span>
                </div>
            </div>
        </div>
    )
  }
}

export default Social